body {
    font: 14px/2.0 Verdana, 'Geneva CE', lucida, sans-serif;
    margin: 0;
    padding: 0;
    background: #224e6b;
    color: #333333;
}

h1, h2, h3, h4, caption {
    font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
    color: #053368;
}

h1 {
    color: #1e5eb6;
    font-size: 230%;
    font-weight: normal;
    margin: .3em 0;
}

h2 {
    color: #1e5eb6;
    font-size: 150%;
    font-weight: normal;
    margin: -.3em 0 .3em 0;
}

h3 {
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 2px;
}

h4 {
    font-size: 100%;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

/*
===================
输入框文本框长度
===================
*/
.length_0{
	width:20px;
}
.length_1{
	width:50px;
}
.length_2{
	width:110px;
}
.length_3{
	width:170px;
}
.length_4{
	width:230px;
}
.length_5{
	width:290px;
}
.length_6{
	width:350px;
}


.main{
    width: 600px;
    margin: 100px auto;
    padding-bottom: 100px;
    background: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 12px;
}
.main h1, .main h2{
    text-align: center;
}
.agree{
    width: 500px;
    height: 300px;
    margin: 10px auto;
    overflow-y: scroll;
    border: 1px solid #D5D5D5;
}
.checkbox_agree{
    float: right;
    margin-right: 50px;
}
.checkbox_agree label, .checkbox_agree input{
    vertical-align: middle; 
}
.operate{
    clear: both;
    float: right;
    margin-right: 50px;
}
.config{
    width: 500px;
    margin: 10px auto;
}
.config input{
    border: 1px solid #BDBABA;
    height: 25px;
    font: 14px Verdana, 'Geneva CE', lucida, sans-serif;
}
.tips{
    color: #F00;
    margin: 10px 0;
    display: block;
    font: 12px Verdana, 'Geneva CE', lucida, sans-serif;
}
.complete{
    text-align: center;
}